<style>
    /*body{*/
        /*background-color: #f9f9f9;*/
    /*}*/
    /*.xh-form tr td:nth-child(2n){*/
        /*padding: 5px 20px 5px 0;*/
        /*width: 200px;*/
    /*}*/
    /*td>label{*/
        /*margin-right: 10px;*/
        /*float: right;*/
    /*}*/
    body {
        background-color: #f9f9f9;
    }
    table tr > th {
        text-align: center;
        vertical-align: middle !important;
        padding: 8px;
    }
</style>
<script>
    var existIds = {% if existIds is defined %} {{ existIds }} {% else %} null {% endif %};
    var provIds = {{ provIds }};
</script>
<div class="row">
    <div class="col-md-6">
        <div class="smart-widget">
            <div class="smart-widget-inner">
                <div class="smart-widget-body">
                    <form id="addAreaProv_form" class="xh-form"  method="post">
                        <div class="xh-area-form">
                            <table style="width: 100%">
                                <tr class="province" id="province" style="height: 20px;">
                                    <td id="prov_list">
                                        {#{% for id,text in provIds %}#}
                                            {#<label>#}
                                                {#<input type="checkbox" name="provId" value=''>七上#}
                                            {#</label>#}
                                        {#{% endfor %}#}
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>